<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
		<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
	</head>
	<body>
	<!--head begin-->
		<div class="head">
			<p>下一场</p>
			<ul class="head-ul">
				<li><a href=""><i class="map-ic"></i></a></li>
				<li id="ser"><a href="javascript:;"><i class="ser-ic"></i></a></li>
			</ul>
		</div>
		<div class="shadow-bg"></div>
		<div class="choose">
			<div class="close"></div>
			<div class="choose-tit">
				请选择筛选条件
			</div>
			<ul class="choose-ul clear">
				<li class="choose-li">
					<div class="choose-li-tit">
						<p class="choose-p">排序</p>
					</div>
					<ul class="choose-cur-ul sort">
						<li class="choose-cur-li cur-li">最新发布</li>
						<li class="choose-cur-li cur-li">离我最近</li>
					</ul>
				</li>
				<li class="choose-li">
					<div class="choose-li-tit">
						<p class="choose-p">类别</p>
					</div>
					<ul class="choose-cur-ul">
						<li class="choose-cur-li cur-li">不限</li>
						<li class="choose-cur-li cur-li">约会</li>
						<li class="choose-cur-li cur-li" style="padding-right: 8%;">聚会(2人以上)</li>
					</ul>
				</li>
				<li class="choose-li">
					<div class="choose-li-tit">
						<p class="choose-p">性别</p>
					</div>
					<ul class="choose-cur-ul">
						<li class="choose-cur-li cur-li">不限</li>
						<li class="choose-cur-li cur-li">男</li>
						<li class="choose-cur-li cur-li">女</li>
					</ul>
				</li>
				<li class="choose-li">
					<div class="choose-li-tit">
						<p class="choose-p">主题</p>
					</div>
					<ul class="choose-cur-ul">
						<li class="choose-cur-li chec-li">不限</li>
						<li class="choose-cur-li chec-li">美食</li>
						<li class="choose-cur-li chec-li">K歌</li>
						<li class="choose-cur-li chec-li">酒吧</li>
					</ul>
				</li>
			</ul>
			<input class="choose-btn" type="button" id="" value="确定" />
			<a class="reset-a" href="">重置条件</a>
		</div>
	<!--head end-->
		<div class="map-bk">
			<div class="map-box" id="dituContent"></div>
		</div>
		<script type="text/javascript">
		    $(function(){
		    	common.inmap();
		    })
		</script>
	<!--foot begin-->
		<footer>
			<div class="foot">
				<ul class="foot-ul">
					<li class="foot-li">
						<a href="">
							<i></i>
							<p>活动</p>
						</a>
					</li>
					<li class="foot-li">
						<a href="">
							<i></i>
							<p>玩伴</p>
						</a>
					</li>
					<li class="foot-li">
						<a href="javascript:;">
							<i></i>
						</a>
					</li>
					<li class="foot-li">
						<a href="">
							<i></i>
							<p>消息</p>
						</a>
					</li>
					<li class="foot-li">
						<a href="">
							<i></i>
							<p>我</p>
						</a>
					</li>
				</ul>
			</div>
		</footer>
	<!--foot end-->
	</body>
</html>
